/* banner部分样式 */
.banner{
    width: 100%;
    height: 250px;
}
.banner img{
    width: 100%;
    height: 240px;
}
/* 帮帮匠部分 */
.bangbangjiang{
    width: 100%;
    height: 190px;
}
.bangbangjiang_title{
    width: 100%;
    height: 32px;
}
.bangbangjiang_title img{
    width: 30px;
    height: 30px;
    margin-left: 10px;
    margin-right: 5px;
}
.bangbangjiang_title span{
    text-align: center;
    line-height: 32px;
}
.bangbangjiang_main{
    width: 100%;
    height: 150px;
    margin-top: 5px;
}
.bangbangjiang_main ul{
    width: 95%;
    height: 75px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bangbangjiang_main ul li{
    width: calc(95% / 4);
    height: 75px;
    /* border: 1px solid red; */
}
.bangbangjiang_main_list{
    width: 100%;
    height: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bangbangjiang_main_list img{
    width: 50px;
    height: 50px;
}
/* 首页主要内容 */
.contant_main{
    width: 100%;
    height: 1400px;
    background: rgb(246,247,249);
}
.grey{
    width: 100%;
    height: .001rem;
    background: rgb(246,247,249);
    /* border: 1px solid red; */
}
/* 限量抢购块 */
.buy{
    margin-top: 10px;
    width: 100%;
    height: 200px;
    background-color: #fff;
}
.buy_tltle{
    width: 100%;
    height: 32px;
}
.buy_tltle img{
    width: 30px;
    height: 30px;
    margin-left: 10px;
    margin-right: 5px;
}
.buy_tltle span{
    text-align: center;
    line-height: 32px;
}
.buy_main{
    width: 100%;
    height: 180px;
}
.buy_main ul{
    width: 95%;
    height: 180px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
}
.buy_main ul li{
    width: calc(95% / 4);
    height: 180px;
}
.buy_main_list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.buy_main_img{
    border-right: 1px solid rgb(214, 211, 211);
}
.buy_main_img img{
    width: 60px;
    height: 60px;
    margin-left: 10px;
}
.buy_main_img span{
    width: 40px;
    height: 25px;
    border-radius: 20px 0px 0px 20px ;
    float: right;
    text-align: center;
    line-height: 25px;
    margin-top: 3px;
    background: rgb(248,195,1);
    color: #fff;
}
.buy_main_list span:nth-of-type(1){
    color: #fff;
    font-size: 18px;
}
.buy_main_list span:nth-of-type(2){
    color: rgb(169,169,169);
    font-size: 12px;
    text-decoration: line-through;
}
.four img{
    width: 60px;
    height: 60px;
    margin-left: 10px;
}
.four span{
    width: 40px;
    height: 25px;
    border-radius: 20px 0px 0px 20px ;
    float: right;
    text-align: center;
    line-height: 25px;
    margin-top: 3px;
    background: rgb(248,195,1);
    color: #fff;
}
/* 小贴士部分 */
.tips{
    margin-top: 10px;
    width: 100%;
    height: 130px;
    background-color: #fff;
}
.tips_tltle{
    width: 100%;
    height: 32px;
}
.tips_tltle img{
    width: 30px;
    height: 30px;
    margin-left: 10px;
    margin-right: 5px;
}
.tips span{
    text-align: center;
    line-height: 32px;
}
.tips_main{
    width: 100%;
    height: 120px;
    margin-top: 10px;
}
.tips_main ul{
    width: 95%;
    height: 120px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
}
.tips_main ul li{
    width: calc(95% / 3);
    height: 120px;
}
.tips_main_list img{
    width: 30px;
    height: 30px;
}
.tips_main_list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px solid rgb(214, 211, 211);
}
.tips_main_list_none_line{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.tips_main_list_none_line img{
    width: 30px;
    height: 30px;
}
/* 地板 */
.floor{
    margin-top: 10px;
    width: 100%;
    height: 32px;
    background-color: #fff;
}
.floor_title{
    width: 100%;
    height: 32px;
    display: flex;
    justify-content: space-between;
}
.floor_title_left{
    display: flex;
}
.floor_title_left span:nth-of-type(1){
    width: 5px;
    height: 32px;
    background: rgb(220,33,76);
    display: inline-block;
}
.floor_title_left span:nth-of-type(2){
    margin-left: 6px;
    align-self: center;
}
.floor_title_right img{
    width: 28px;
    height: 28px;
    margin-right: 6px;
}
.floor_title_right span{
    text-align: center;
    margin-right: -6px;
    line-height: 32px;
}
.floor_main{
    width: 100%;
    height: 450px;
    margin-top: 5px;
    /* border: 1px solid red; */
}
.floor_main ul{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.floor_main ul li{
    width: calc(100% / 2.05);
    font-size: 16px;
    height: 220px;
}
.floor_box{
    width:100%;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.floor_box img{
    width: 100%;
    height: 150px;
}
.floor_box span:nth-of-type(1){
    letter-spacing: 1px;
    color: rgb(118,116,115);
    margin-left: 8px;
}
.floor_box span:nth-of-type(2){
    letter-spacing: 1px;
    color: rgb(202,62,96);
    margin-left: 8px;
}
/* 灯饰 */
.light{  
    width: 100%;
    margin-top: 445px;
}
.light_title{
    width: 100%;
    height: 32px;
    display: flex;
    justify-content: space-between;
    background: #fff;
}
.light_title_left{
    display: flex;
}
.light_title_left span:nth-of-type(1){
    width: 5px;
    height: 32px;
    background: rgb(220,33,76);
    display: inline-block;
}
.light_title_left span:nth-of-type(2){
    margin-left: 6px;
    align-self: center;
}
.light_title_right img{
    width: 28px;
    height: 28px;
    margin-right: 6px;
}
.light_title_right span{
    text-align: center;
    margin-right: -6px;
    line-height: 32px;
}
.light_main{
    width: 100%;
    height: 450px;
    margin-top: 5px;
}
.light_main ul{
    width: 100%;
    height: 445px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.light_main ul li{
    width: calc(100% / 2.05);
    font-size: 16px;
    height: 220px;
    /* border: 1px solid red; */
}
.light_box{
    width:100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    
}
.light_box img{
    width: 100%;
    height: 150px;
}
.light_box span:nth-of-type(1){
    letter-spacing: 1px;
    color: rgb(118,116,115);
    margin-left: 8px;
}
.light_box span:nth-of-type(2){
    letter-spacing: 1px;
    color: rgb(202,62,96);
    margin-left: 8px;
}
